﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><roundcube:object name="pagetitle" /></title>
<link rel="stylesheet" type="text/css" href="/common.css" />
<link rel="stylesheet" href="/styledbutton.css" type="text/css"  media="screen" /> 


<style type='text/css'>
body {
	border-width: 0px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
}

#chk01 {
border-color:#dff3fb;
}

.loginbox {
	align: center;
	background-color: #dff3fb; 
	width:310px; 
	border: 1px solid #b0e5f5;
}
.login_col1 {
	text-align:right;
}

.login_col2 {
	padding-left: 3px;
}

input, input[type=password], input[type=text]
{
	color: #00000;
	background: #ffffff;
	border: 1px solid #c3c4c4;
}

.feature-description {
	padding: 20px 0 0 10px; 
	vertical-align: top; 
	text-align: left; 
	font: Arial, Helvetica, sans-serif;
}

.footer{
   position: relative;
   float: left;
   width: 100.00%;
   height: 100px;
   text-align:center;
   background-color: #ffffff;
   padding-top: 60px;
}

a:link {color: #0000ff; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #0000ff; text-decoration: underline; }
a:hover {color: #0000ff; text-decoration: none; }

.intro_title {
	font-family: Arial, Helvetica, sans-serif;
}

.intro {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */

}

</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
	function submitFunc() {
		document.form._user.value = document.form._user.value.toLowerCase();
		document.form.submit();
	}

	function checkKeyPwd(e)
    {
        var evt=(e)?e:(window.event)?window.event:null; 
		if(evt){ 
			var key=(evt.charCode)?evt.charCode: ((evt.keyCode)?evt.keyCode:((evt.which)?evt.which:0)); 
			if(key=="13") 
				submitFunc();
		}
    }
	
	function checkKeyUsr(e)
    {
        var evt=(e)?e:(window.event)?window.event:null; 
		if(evt){ 
			var key=(evt.charCode)?evt.charCode: ((evt.keyCode)?evt.keyCode:((evt.which)?evt.which:0)); 
			//if(key=="13") 
				//document.form._pass.focus();
		}
		return true;
    }

</script>
</head>
<body onkeypress="checkKey" onload="document.form._user.focus()">
<roundcube:object name="message" id="message" />

<form name="form" action="./" method="post">
<input type="hidden" value="7" name="_timezone" />
<input type="hidden" value="login" name="_action" />
<input type="hidden" value="login" name="_task" />

<table align="center" style="margin: 0;" width="100%">
  <tbody>
  <tr valign="top" style="margin-top: 0px; height:110px;">
  <td><img src="/images/logo_trai_ubnd.png" alt="Logo UBND" /></td>
  <td align="center" height="110px"><img src="/images/logo_nho.png" alt="Logo HMail" /></td>
  </tr>
  <tr>
  <td valign="top" style="min-width: 400px;_width: 400px; margin-top:0px">
        <font face="Arial, Helvetica, sans-serif" size="5">Giới thiệu về HMail - Hải Dương Mail Server.</font>
<p class="intro" style="text-align:left"><font size="-1">
  HMail được phát triển bởi dự án phát triển công nghệ thông tin STT0286. Với các giải pháp hiện đại HMail có những tính hữu dụng sau:
</font></p><font size="-1">
<div style="margin-left:20px">
<table border="0" cellpadding="0" cellspacing="0" ><tbody>
  <tr>
  <td >&nbsp;</td>
  <td class="feature-description">
  <font size="-1"><strong>Dung lượng lớn:</strong><br />
                Tới 1 GB dung lượng, thỏa sức gửi/nhận mail và upload/download files.</font>
  </td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  <td class="feature-description">
  <font size="-1"><strong>Ít spam hơn:</strong><br />
                Giữ cho hộp thư đến của bạn khỏi spam.</font>
  </td>
  </tr>
  <tr>
  <td >&nbsp;</td>
  <td class="feature-description">
  <font size="-1"><strong>Hệ thống bảo mật an toàn:</strong><br />
                Bảo mật nhiều lớp bằng phần cứng và phần mềm. Ngăn chặn tối đa tấn công dữ liệu và đánh cắp thông tin.</font>
  </td>
  </tr>
</tbody></table></div>
  
  </font></td>
  <td valign="top" class="loginbox" >

  <table width="300px" height="200" border="0" cellpadding="3" cellspacing="0" >
  <tbody>
  <tr valign="middle">
  <td colspan="2" align="center" style="padding-left:10px;"><b><font size="-0">Đã có tài khoản</font></b></td>
  </tr>
  <tr><td width="136" class="login_col1">Tên người dùng:</td>
    <td width="156" class="login_col2"><input size="23" maxlength="2048" name="_user" onkeypress="checkKeyUsr(event)"></td>
  </tr>
  
  <tr valign="top"><td height="24" class="login_col1">&nbsp;</td>
    <td class="login_col2">ví dụ: abc@haiduong.gov.vn</td>
  </tr>
  
  <tr><td class="login_col1">Mật khẩu:</td>
    <td class="login_col2"><input size="23" maxlength="2048" name="_pass" type="password" onkeypress="checkKeyPwd(event)"></td>
  </tr>
  
  <tr><td height="26" class="login_col1">
  <div>
   	<input type="checkbox" id="chk01" style="background-color:#dff3fb"/>
    <label for="chk01"></label>
   </div>
  </td>
    <td class="login_col2">Duy trì trạng thái đăng nhập</td>
  </tr>
  
  <tr><td height="40" style="text-align:center">&nbsp;</td>
    <td height="40" style="text-align:left">
    <a class="button cmd" onClick="submitFunc();">Đăng nhập</a></td>
    </tr>
  <tr>
    <td colspan="2" style="text-align:center;padding-left:10px;"><a href="#">Không thể đăng nhập tài khoản của bạn?</a></td>
  </tr>
  </table>

  <!-- login box -->
  <!-- end login box -->
  
</td>

</tr></tbody></table>

</form>

<div class="footer">
    <br /><br />
    &#169;2011 - 
<a href="http://haiduong.gov.vn/">Chính sách bảo mật</a> - 
    <a href="#">Chính sách Chương trình</a> - 
    <a href="#">Điều khoản Sử dụng</a>

</body>
</html>
